<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>排放清单</title>
		<link rel="stylesheet" href="assets/css/common.css">
		<link rel="stylesheet" href="assets/css/shebei.css"/> 
	</head>
	<body>
		<div class="main-page">
			<div class="page-body flex">
				<div class="sub-page-container">
					<div class="right-content-wrapper">
						<div class="right-content-box">
							<div class="cha">
								<img src="assets/img/item4.png" >
							</div>
							<ul class="tags">
								<li>&lt;</li>
								<li>返回</li>
								<li> | </li>
								<li>有组织</li>
								<li>&gt;</li>
								<li>实时监测</li>
								<li>&gt;</li>
								<li>设备台账</li>
							</ul>
						<div class="right-content-box flex">
							<div class="left-body">
								<p class="shebei-txt">设备在线详情</p>
								<div class="card-content">
									<table class="table">
										<thead>
											<tr>
												<th>区域</th>
												<th class="name">设备名称</th>
												<th>设备名称</th>
												<th>MAC地址</th>
												<th>在线状态</th>
								
											</tr>
										</thead>
										<tbody class="tbody" id="tbody">
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
											<tr>
												<td class="region">道路</td>
												<td class="name">设备名称设备名称设备名称设备名称</td>
												<td>2#监测设备</td>
												<td>4#20190511004</td>
												<td class="complete">在线</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							 <div class="right-body">
								 <p class="shebei-txt">设备在线详情</p>
								 <div class="card-content">
								 	<table class="table">
								 		<thead>
								 			<tr>
								 				<th>区域</th>
								 				<th>设备类型</th>
								 				<th  class="name">设备名称</th>
								 				<th>PM2.5(mg/m³)</th>
								 				<th>PM10(mg/m³)</th>
								 				<th>TSP(mg/m³)</th>
								 				<th>MAC地址</th>
								 				<th>在线状态</th>
								 
								 			</tr>
								 		</thead>
								 		<tbody class="tbody" id="tbody">
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 			<tr>
								 				<td>道路</td>
								 				<td>监测设备</td>
								 				<td class="name">设备名称设备名称设备名称设备名称</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>1.225</td>
								 				<td>12222222222222</td>
								 				<td class="complete">在线</td>
								 			</tr>
								 		</tbody>
								 	</table>
								 </div>
							 </div>
						 </div>
						</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
		<script src="assets/js/jquery.SuperSlide.2.1.3.js"></script>
		<script src="assets/layui/layui.js"></script>
		<script src="assets/js/browser.js"></script>
		<script src="assets/js/select.js"></script>
		<script src="assets/js/page.js"></script>
		<script>
			// 渲染左侧菜单树
		    new LeftSiderMenu({
		        el:".sub-page-container",
		        size:10,
		        curMenu:"排放清单",
		        menus:[
		            {href:"排放清单.html",text:"实时监控"},
		            {href:"数据分析.html",text:"数据分析"},
		            {href:"运行状态.html",text:"运行状态"},
		            {href:"告警分析.html",text:"告警分析"},
		           
		        ]
		    });

		    // 渲染底部菜单
			new Footer({
		        el:".main-page",
		        curMenu:"有组织",
		        size:4,
		        menus:[
		            {href:"有组织.html",text:"有组织"},
		            {href:"无组织.html",text:"无组织"},
		            {href:"车辆出入.html",text:"清洁运输"},
		            {href:"视频.html",text:"视频大厅"}
		        ]
		    });
			
			new SelectPlus({
				el:".platfrom",
				data:[
					{ value:"",text:"烟尘（mg/m³）" },
					{ value:1,text:"烟尘（1mg/m³）" },
					{ value:2,text:"烟尘（2mg/m³）" },
					{ value:3,text:"烟尘（3mg/m³）" }
				],
				done:function(row){
					console.log(row);
				}
			})
			
			layui.use(['laypage', 'laydate'], function(){
				let laydate = layui.laydate;
			  	laydate.render({
				    elem: '#dateBtn'
				    ,type: 'datetime'
				    ,done: function(value, date){
					    $("#date").val(value)
					}
				});
			})

		</script>
	</body>
</html>
